<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/小米官网.css"/>
		<!--<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css"/>-->
	</head>
	<body>
		<div class="site-topbar">
			<a href="#"style="width:48px;margin-left:175px;">小米商城</a>
			<div class="sep">|</div>
			<a href="#" style="width: 21.6px;">MUI</a>
			<div class="sep">|</div>
			<a href="#" style="width: 16px;">loT</a>
			<div class="sep">|</div>
			<a href="#" style="width: 36px;">云服务</a>
			<div class="sep">|</div>
			<a href="#"style="width: 24px;">金融</a>
			<div class="sep">|</div>
			<a href="#"style="width: 24px;">有品</a>
			<div class="sep">|</div>
			<a href="#"style="width: 72px;">小爱开放平台</a>
			<div class="sep">|</div>
			<a href="#"style="width: 48px;">企业团购</a>
			<div class="sep">|</div>
			<a href="#"style="width: 48px;">资质证照</a>
			<div class="sep">|</div>
			<a href="#"style="width: 48px;">协议规定</a>
			<div class="sep">|</div>
			<a href="#"style="width: 48px;">协议规定</a>
			<div class="sep">|</div>
			<a href="#"style="width: 43.2px;font-size:11px;">下载app</a>
			<div class="sep">|</div>
			<a href="#"style="width: 80px;">SelectLocation</a>
			<a href="#"style="width: 34px;margin-left: 320px;">登录</a>
			<div class="sep">|</div>
			<a href="#"style="width: 34px;">注册</a>
			<div class="sep">|</div>
			<a href="#"style="width: 48px;">消息通知</a>
			<a href="#"style="width: 120px;margin-left: 24px;background-color: rgb(66 66 66); text-align: center;">购物车(0)</a>
		</div>
		<div class="site-header">
			<a href="#">
				<img src="img/QQ图片20190816185545.png" style="width: 55px;height: 55px;margin-left: 180px; margin-top: 22.5px;float: left;"/>
			</a>
			<a href="#"class="test" style="margin-left: 190px;">小米手机</a>
			<a href="#"class="test" style="margin-left: 20px;">Redmi红米手机</a>
			<a href="#"class="test" style="margin-left: 20px;">电视</a>
			<a href="#"class="test" style="margin-left: 20px;">笔记本</a>
			<a href="#"class="test" style="margin-left: 20px;">家电</a>
			<a href="#"class="test" style="margin-left: 20px;">路由器</a>
			<a href="#"class="test" style="margin-left: 20px;">智能硬件</a>
			<a href="#"class="test" style="margin-left: 20px;">服务</a>
			<a href="#"class="test" style="margin-left: 20px;">社区</a>
			<input type="text" style="margin-top: 40px;margin-left: 50px;" />
			<input type="button"value="搜索" />
		</div>
		<div class="zhengti1">
			<ul style="width: 234px;height: 460px;float: left;background-color: rgb(42 51 60);">
				<li class="xuanxiang"style="margin-top: 20px;"><a href="#" class="zt1chaolianjie">手机 电话卡</a></li>
				<li class="xuanxiang"><a href="#" class="zt1chaolianjie">电视 盒子</a></li>
				<li class="xuanxiang"><a href="#" class="zt1chaolianjie">笔记本 平板</a></li>
				<li class="xuanxiang"><a href="#" class="zt1chaolianjie">家电 插线板</a></li>
				<li class="xuanxiang"><a href="#" class="zt1chaolianjie">出行 穿戴</a></li>
				<li class="xuanxiang"><a href="#" class="zt1chaolianjie">智能 路由器</a></li>
				<li class="xuanxiang"><a href="#" class="zt1chaolianjie">电源 配件</a></li>
				<li class="xuanxiang"><a href="#" class="zt1chaolianjie">健康 儿童</a></li>
				<li class="xuanxiang"><a href="#" class="zt1chaolianjie">耳机 音响</a></li>
				<li class="xuanxiang"><a href="#" class="zt1chaolianjie">生活 箱包</a></li>
			</ul>
			<div style="float: left;height: 460px;">
				<img src="img/KJ2W9N@`P469E`E3Z5RED@Y.png" style="width: 992px;height: 460px;"/>
			</div>
		</div>
		<div class="zhengti2">
			<img src="img/QQ图片20190816211109.png" style="width: 234px;height: 170px;" />
			<img src="img/QQ图片20190816211115.png" style="width: 316px;height: 170px;margin-left: 9px;" />
			<img src="img/QQ图片20190816211118.png" style="width: 316px;height: 170px;margin-left: 9px;" />
			<img src="img/9QMRGU59`KI}EJUCTY}2M}G.png" style="width: 316px;height: 170px;margin-left: 9px;" />
		</div>
		<div class="zhengti3" >
			<div style="width: 1226px;height: 55.6px;margin:0 auto;line-height: 55.6px;font-size: 25px;">小米闪购</div>
			<div class="zhengti31">
				<div class="tupianguige">
					<img class="tupianguige" src="img/1.png" />
				</div>
				<div class="tupianguige">
					<a href="#" style="text-decoration: none;">
						<img src="img/33.png" class="tupianguige1" />
						<h3 class="title">小米净水器芯片 反渗透 白色</h3>
							<p class="desc">有效滤除抗生素、重金属、细菌、亚硝酸盐、有机物等</p>
							<p class="price" style="text-align: center;margin-top: 30px;">
							<span >469</span>
							"元
						
							<del >499元</del>
						</p>
					</a>
					
				</div>
				<div class="tupianguige">
					<a href="#"style="text-decoration: none;">
						<img src="img/22.png" class="tupianguige1" />
						<h3 class="title">小米净水器芯片 反渗透 白色</h3>
						<p class="desc">有效滤除抗生素、重金属、细菌、亚硝酸盐、有机物等</p>
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >469</span>
								"元
						
							<del >499元</del>
						</p>
					</a>
					
				</div>
				<div class="tupianguige">
					<a href="#" style="text-decoration: none;">
						<img src="img/44.png" class="tupianguige1" />
						<h3 class="title">小米净水器芯片 反渗透 白色</h3>
						<p class="desc">有效滤除抗生素、重金属、细菌、亚硝酸盐、有机物等</p>
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >469</span>
							"元
						
							<del >499元</del>
						</p>
					</a>
				</div>
				<div class="tupianguige">
					<a href="#" style="text-decoration: none;">
						<img src="img/11.png" class="tupianguige1" />
						<h3 class="title">小米净水器芯片 反渗透 白色</h3>
						<p class="desc">有效滤除抗生素、重金属、细菌、亚硝酸盐、有机物等</p>
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >469</span>
							"元
						
							<del >499元</del>
						</p>
					</a>
					
				</div>
			</div>
		</div>
		<div class="zhengti4">
			<div class="zhengti41">
				<img src="img/6.png" style="height: 120px;width: 1226px;" />
			</div>
			<div class="zhengti42">
				<h2>手机</h2>
				<a href="#"><p style="float: right;line-height: 58px;">查看全部</p></a>
			</div>
			<div class="zhengti43">
				<img src="img/111.png" style="height: 614px;width: 234px;float: left;" />
				<div class="tupianguige2">
					<a href="#"style="text-decoration: none;">
						<img src="img/222.png"class="tupianguige21" />
						<h3 class="title">Redmi K20 Pro 6GB+128GB</h3>
						<p class="desc"> 骁龙855 弹出全面屏骁龙855 弹出全面屏 骁龙855 弹出全面屏 骁龙855 弹出全面屏</p><br />
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >2299</span>
							"元
						
							<del >2599元</del>
						</p>
					</a>
				</div>
				<div class="tupianguige2">
					<a href="#"style="text-decoration: none;">
						<img src="img/222.png"class="tupianguige21" />
						<h3 class="title">Redmi K20 Pro 6GB+128GB</h3>
						<p class="desc"> 骁龙855 弹出全面屏骁龙855 弹出全面屏 骁龙855 弹出全面屏 骁龙855 弹出全面屏</p><br />
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >2299</span>
							"元
						
							<del >2599元</del>
						</p>
					</a>
				</div>
				<div class="tupianguige2">
					<a href="#"style="text-decoration: none;">
						<img src="img/222.png"class="tupianguige21" />
						<h3 class="title">Redmi K20 Pro 6GB+128GB</h3>
						<p class="desc"> 骁龙855 弹出全面屏骁龙855 弹出全面屏 骁龙855 弹出全面屏 骁龙855 弹出全面屏</p><br />
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >2299</span>
							"元
						
							<del >2599元</del>
						</p>
					</a>
				</div>
				<div class="tupianguige2">
					<a href="#"style="text-decoration: none;">
						<img src="img/777.png"class="tupianguige21" />
						<h3 class="title">Redmi K20 Pro 6GB+128GB</h3>
						<p class="desc"> 骁龙855 弹出全面屏骁龙855 弹出全面屏 骁龙855 弹出全面屏 骁龙855 弹出全面屏</p><br />
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >2299</span>
							"元
						
							<del >2599元</del>
						</p>
					</a>
				</div><br />
				<div class="tupianguige2" style="margin-top: 7px;">
					<a href="#"style="text-decoration: none;">
						<img src="img/666.png"class="tupianguige21"/>
						<h3 class="title">Redmi K20 Pro 6GB+128GB</h3>
						<p class="desc"> 骁龙855 弹出全面屏骁龙855 弹出全面屏 骁龙855 弹出全面屏 骁龙855 弹出全面屏</p><br />
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >2299</span>
							"元
						
							<del >2599元</del>
						</p>
					</a>
				</div>
				<div class="tupianguige2" style="margin-top: 7px;">
					<a href="#"style="text-decoration: none;">
						<img src="img/555.png"class="tupianguige21"/>
						<h3 class="title">Redmi K20 Pro 6GB+128GB</h3>
						<p class="desc"> 骁龙855 弹出全面屏骁龙855 弹出全面屏 骁龙855 弹出全面屏 骁龙855 弹出全面屏</p><br />
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >2299</span>
							"元
						
							<del >2599元</del>
						</p>
					</a>
				</div>
				<div class="tupianguige2" style="margin-top: 7px;">
					<a href="#"style="text-decoration: none;">
						<img src="img/444.png"class="tupianguige21"/>
						<h3 class="title">Redmi K20 Pro 6GB+128GB</h3>
						<p class="desc"> 骁龙855 弹出全面屏骁龙855 弹出全面屏 骁龙855 弹出全面屏 骁龙855 弹出全面屏</p><br />
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >2299</span>
							"元
						
							<del >2599元</del>
						</p>
					</a>
				</div>
				<div class="tupianguige2" style="margin-top: 7px;">
					<a href="#"style="text-decoration: none;">
						<img src="img/333.png"class="tupianguige21"/>
						<h3 class="title">Redmi K20 Pro 6GB+128GB</h3>
						<p class="desc"> 骁龙855 弹出全面屏骁龙855 弹出全面屏 骁龙855 弹出全面屏 骁龙855 弹出全面屏</p><br />
						<p class="price" style="text-align: center;margin-top: 30px;">
							<span >2299</span>
							"元
						
							<del >2599元</del>
						</p>
					</a>
				</div>
			</div>
			<div style="margin: 20px auto;height: 120px;width: 1226px"><img src="img/888.png" style="height: 120px;width: 1226px;" /></div>
		</div>
		<div class="zhengti5">
			<a href="#"><div class="zhengti51">预约维修服务</div></a>
			<a href="#"><div class="zhengti51">七天无理由退货</div></a>
			<a href="#"><div class="zhengti51">15天免费换货</div></a>
			<a href="#"><div class="zhengti51">满150元包邮</div></a>
			<a href="#"><div class="zhengti51"style="border: none;">520余家售后网点</div></a>
		</div>
		<div class="zhengti6">
			<div class="zhengti61">
				<a href="#"><p>帮助中心</p></a>
				<a href="#"><p style="font-size: 13px;">账户管理</p></a>
				<a href="#"><p style="font-size: 13px;">购物指南</p></a>
				<a href="#"><p style="font-size: 13px;">订单操作</p></a>
			</div>
			<div class="zhengti61">
				<a href="#"><p>服务支持</p></a>
				<a href="#"><p style="font-size: 13px;">售后政策</p></a>
				<a href="#"><p style="font-size: 13px;">自助服务</p></a>
				<a href="#"><p style="font-size: 13px;">相关下载</p></a>
			</div>
			<div class="zhengti61">
				<a href="#"><p>线下门店</p></a>
				<a href="#"><p style="font-size: 13px;">小米之家</p></a>
				<a href="#"><p style="font-size: 13px;">服务网点</p></a>
				<a href="#"><p style="font-size: 13px;">授权体验店</p></a>
			</div>
			<div class="zhengti61">
				<a href="#"><p>关注我们</p></a>
				<a href="#"><p style="font-size: 13px;">新浪微博</p></a>
				<a href="#"><p style="font-size: 13px;">官方微信</p></a>
				<a href="#"><p style="font-size: 13px;">联系我们</p></a>
			</div>
			<div class="zhengti61">
				<a href="#"><p>特色服务</p></a>
				<a href="#"><p style="font-size: 13px;">F码通道</p></a>
				<a href="#"><p style="font-size: 13px;">礼物码</p></a>
				<a href="#"><p style="font-size: 13px;">防伪查询</p></a>
			</div>
			<div class="zhengti61"style="margin-left: 135px;">
				<p class="phone">400-100-5678</p>
				<p style="font-size: 10px;text-align: center;">
					"周一至周日 8:00-18:00"
					<br />
					"仅收市话费"
				</p>
				<img src="img/1111.png"style="width: 120px;height: 30px;margin: 10px 20px 10px 20px;" />
			</div>
		</div>
		<div class="zhengti7">
			<img src="img/3333.png"style="width: 1226px;height: 88.8;margin-left: 147px;" />
			<img src="img/5555.png"style="width: 1226px;height: 28px;margin-left: 145px;" />
			<p style="display: block;margin-top: 20px;text-align: center;margin-bottom: 20px;color: rgb(186 186 186);font-size: 23px;">探索黑科技，小米为发烧而生！</p>
		</div>
	</body>
</html>
